<template>
  <div class="adHeader">
    <div class="hrefs">
      <a href="javascript:void(0)"><img src="./ad-1.jpg" alt=""></a>
      <a href="javascript:void(0)"><img src="./ad-2.jpg" alt=""></a>
      <a href="javascript:void(0)"><img src="./ad-3.jpg" alt=""></a>
      <a href="javascript:void(0)"><img src="./ad-4.jpg" alt=""></a>
    </div>

  </div>
</template>

<script type="text/ecmascript-6">

  export default{

  }
</script>

<style rel="stylesheet/scss" lang="scss">
  .adHeader{
    width: 100%;
    height: 50px;
    background: url('./top-ad.jpg') no-repeat scroll center top;
    .hrefs{
      width: 1190px;
      margin:  0 auto;
      font-size:0;
      a{
        display: inline-block;
      }
    }
  }
</style>
